<%@ page language="java" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="joda" uri="http://www.joda.org/joda/time/tags"%>
<c:set var="ctx" value="${pageContext.request.contextPath}" />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<title>沈阳国安驾校</title>
<meta name="viewport"
	content="width=device-width, initial-scale=1.0, minimum-scale=0.5, maximum-scale=2.0, user-scalable=yes">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="format-detection" content="telephone=no">
<meta charset="utf-8">
<link href="${ctx}/static/weixin/hotels.css" rel="stylesheet"
	type="text/css">
<style>
.list li .text {
	height: 30px;
}

.round li .text {
	padding: 3px 0 3px;
}

.list li  .text .f-left {
	float: left;
}

.list li  .text .f-right {
	float: right;
}

.rbu {
	background-color: #179F00;
	padding: 10px 20px;
	font-size: 16px;
	text-decoration: none;
	border: 1px solid #0B8E00;
	background-image: linear-gradient(bottom, #179F00 0%, #5DD300 100%);
	background-image: -o-linear-gradient(bottom, #179F00 0%, #5DD300 100%);
	background-image: -moz-linear-gradient(bottom, #179F00 0%, #5DD300 100%);
	background-image: -webkit-linear-gradient(bottom, #179F00 0%, #5DD300 100%);
	background-image: -ms-linear-gradient(bottom, #179F00 0%, #5DD300 100%);
	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #179F00),
		color-stop(1, #5DD300));
	-webkit-box-shadow: 0 1px 0 #94E700 inset, 0 1px 2px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0 1px 0 #94E700 inset, 0 1px 2px rgba(0, 0, 0, 0.5);
	box-shadow: 0 1px 0 #94E700 inset, 0 1px 2px rgba(0, 0, 0, 0.5);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	color: #ffffff;
	display: block;
	text-align: center;
	text-shadow: 0 1px rgba(0, 0, 0, 0.2);
}
</style>
</head>

<body>

	<div class="footReturn" style="text-align: center">
		<input type="button" style="margin: 0 auto 20px auto; width: 90%"
			class="submit" value="返回"
			onclick="window.location='${ctx}/weixin/coach/coach_1_${coach.type}'">
	</div>
	<div class="cardexplain">
		<jsp:include page="${ctx}/weixin/coach/coachConfig" />

		<ul class="round">
			<li class="title mb"><span class="none">帮助信息</span></li>
			<li><div class="text">
					练车日期：
					<joda:format value="${coach.coachTime}" pattern="yyyy-MM-dd" />
				</div></li>
		</ul>
		<ul class="round list">
			<li class="title mb"><span class="none">练车时间列表</span></li>
			<c:forEach var="itemHour" items="${itemHours}" varStatus="status">
				<li><a href="javascript:addyy('${itemHour}')">
						<div class="text" style="text-align: center;">${itemHour}</div>
				</a></li>
			</c:forEach>
		</ul>
	</div>
	<script>
		function addyy(itemHour) {
			if (confirm("是否在<joda:format value="${coach.coachTime}" pattern="yyyy-MM-dd" /> "
					+ itemHour + "预约练车")) {
				window.location = '${ctx}/weixin/coach/addYY?coachId=${coach.id}&itemHours='
						+ itemHour;
			}
		}
	</script>
</body>
</html>